<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>


	<f:view>
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
			draggable="false" closable="false">
			<p:graphicImage
				value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
		</p:dialog>


		<div id="logo" align="center">
			<h:form id="form">

				<p:panel id="td" header="Anexos Por Area">
					<p:messages id="msg" showDetail="false" />
					<p:growl id="men" />

					<p:dataTable var="car" value="#{anxsXAreaView.data}" id="listaTDo"
						editable="true" scrollable="true" scrollHeight="300"
						filteredValue="#{anxsXAreaView.data}">


						<p:ajax event="rowEdit" listener="#{anxsXAreaView.onEdit}" />
						<p:ajax event="rowEditCancel" listener="#{anxsXAreaView.onCancel}" />

						<p:column headerText="Editar" style="width: 30px">
							<p:rowEditor />
						</p:column>


						<p:column headerText="Es Obligatorio" style="width: 100px"
							filterBy="esObligatorio"
							filterOptions="#{anxsXAreaView.manufacturerOptions}"
							filterMatchMode="exact">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{car.esObligatorio}" />
								</f:facet>
								<f:facet name="input">
									<h:selectOneMenu value="#{anxsXAreaView.esObligatorio}">
										<f:selectItem itemLabel="S" itemValue="S" />
										<f:selectItem itemLabel="N" itemValue="N" />
									</h:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>


						<p:column headerText="Anexos Pqr" filterBy="idAnexoPqr_AnexosPqr"
							sortBy="idAnexoPqr_AnexosPqr" style="width: 100px">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{car.idAnexoPqr_AnexosPqr}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu value="#{anxsXAreaView.idAnexoPqr_AnexosPqr}"
										style="width: 100px">
										<f:selectItems value="#{anxsXAreaView.idAnexos}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>

						<p:column headerText="Areas Involucradas"
							filterBy="idAreaInvolucrada_AreasInvolucradas"
							sortBy="idAreaInvolucrada_AreasInvolucradas" style="width: 100px">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText
										value="#{car.idAreaInvolucrada_AreasInvolucradas}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu
										value="#{anxsXAreaView.idAreaInvolucrada_AreasInvolucradas}"
										style="width: 100px">
										<f:selectItems value="#{anxsXAreaView.idAreasInvo}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>



						<f:facet name="footer">
							<p:commandButton id="viewButton" value="Crear"
								icon="ui-icon-documen" update=":form"
								oncomplete="PF('carDialog').show()" />
						</f:facet>

					</p:dataTable>

					<!--		Ventana emergente          -->

					<p:dialog id="dialog" header="Anexos Por Area"
						widgetVar="carDialog" resizable="false" width="500"
						showEffect="clip" hideEffect="fold">
						<p:messages id="messages" autoUpdate="true" />
						<h:panelGrid columns="2" id="panel">


							<h:outputText id="msgEstadoRegistro" value=" Es Obligatorio*:" />
							<p:selectOneMenu id="estado"
								binding="#{anxsXAreaView.obligatorio}"
								value="#{anxsXAreaView.esObligatorio}">
								<f:selectItem itemLabel="S" itemValue="S" />
								<f:selectItem itemLabel="N" itemValue="N" />
							</p:selectOneMenu>



							<h:outputText id="msgIdAnexoPqr_AnexosPqr" value="Anexo Pqr*:" />
							<p:selectOneMenu value="#{anxsXAreaView.idAnexoPqr_AnexosPqr}"
								binding="#{anxsXAreaView.txtIdAnexoPqr_AnexosPqr}">
								<f:selectItems value="#{anxsXAreaView.idAnexos}" />
							</p:selectOneMenu>


							<h:outputText id="msgIdAreaInvolucrada_AreasInvolucradas"
								value="Areas Involucradas*:" />
							<p:selectOneMenu
								value="#{anxsXAreaView.idAreaInvolucrada_AreasInvolucradas}"
								binding="#{anxsXAreaView.txtIdAreaInvolucrada_AreasInvolucradas}">
								<f:selectItems value="#{anxsXAreaView.idAreasInvo}" />
							</p:selectOneMenu>



						</h:panelGrid>

						<p:separator id="separator" />

						<h:panelGrid id="panelBotones" columns="1">

							<p:commandButton id="btnSave" value="Guardar"
								action="#{anxsXAreaView.action_create}"
								binding="#{anxsXAreaView.btnSave}"
								update="listaTDo,msg,panel,panelBotones" />
						</h:panelGrid>

					</p:dialog>
				</p:panel>
			</h:form>
		</div>
	</f:view>


</h:body>
</html>